@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:650px; position:relative;}
.banner ul{ overflow:hidden; width:100%; height:650px; position:relative}
.banner li{ width:100%; height:650px; position:absolute; left:0; top:0}
.banner li a{ display:block; width:100%; height:100%;}
.banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;}
.banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;}
.banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;}
.banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:40px; margin-left:-35px; background:#666; border-radius:20px; padding:10px 20px;
filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}
.banner .btn span{ display:block; width:11px; height:11px; background:url(../images/banner_btn.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;}
.banner .btn span.cur{ background-position:right}
.banner i{ display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer;}
.banner i.btn_left{ left:0; top:245px; background:url(../images/banner_btn01.png) no-repeat top center;}
.banner i.btn_right{ right:0; top:245px; background:url(../images/banner_btn02.png) no-repeat top center;}
.banner:hover i{display:block}
.banner i:hover{background-position:bottom}
.goin{width: 100%;height: 1220px;background: #f2f2f2; padding-top:50px;}
.paging-title h2 a{color: #333;}
.paging-title h2 a span{color: #0c6eb3;}
.paging-title p{color: #999;font-size: 12px;}
/* about */
.about{margin-top: 52px;padding-bottom: 90px;}
.about-left{width: 540px;padding-right: 60px;float: left;position: relative;height: 370px;}
.about-left h2{font-weight: normal;}
.about-left h2 a{font-size: 24px;color: #000;}
.about-left h3{}
.about-left h3 a{font-size: 24px;color: #000;}
.about-left p {margin-top: 30px;}
.about-left p a{font-size: 14px;color: #666;line-height: 26px;}
.about-left dl{position: absolute;bottom: 0;}
.about-left dd{float: left;width: 140px;line-height: 46px;text-align: center;border: 1px solid #dedede;border-radius: 24px;margin-right: 17px;}
.about-left dd a{font-size: 14px;color: #666;display: block;border-radius: 24px;}
.about-left dd:hover a{background: #0c6eb3;color: #fff;}
.about-right{float: left;}
.about-right a{display: block;border: 10px solid #fff;width: 580px;height: 350px;overflow: hidden;}
.about-right a img{display: block;width: 580px;height: 350px;transition: all 1s ease-out;}
.about-right a:hover img{transform: scale(1.1);}
/* ���ư��� */
.custom{width: 100%;height: 520px;background: url(../images/custom_05.jpg) no-repeat center;background-size: 100% 100%;}
.custom-ul{position: relative;overflow: hidden;margin-top: 48px;}
.custom-ul ul{position: relative;}
.custom-ul ul li{float: left;width: 290px;margin-left: 12px;}
.custom-ul ul li:first-child{margin-left: 0;}
.custom-ul ul li>a{display: block;width: 290px;height: 217px;overflow: hidden;}
.custom-ul ul li>a img{display: block;width: 290px;height: 217px;transition: all 1s ease-out;}
.custom-ul ul li:hover a img{transform: scale(1.1);}
.custom-ul ul li p{text-align: center;background: url(../images/list-bb.png) no-repeat bottom;}
.custom-ul ul li p a{line-height: 58px;font-size: 17px;color: #fff;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height:60px;}
.custom .container{position: relative;}
.custom .container span{display: block;width: 43px;height: 43px;position: absolute;top: 290px;}
.custom .container span#custom-anniu01{background: url(../images/custom-anniu0.png) no-repeat left top;left: -70px;}
.custom .container span#custom-anniu01:hover{background: url(../images/custom-anniu.png) no-repeat left bottom;}
.custom .container span#custom-anniu02{background: url(../images/custom-anniu1.png) no-repeat right top;right: -68px;}
.custom .container span#custom-anniu02:hover{background: url(../images/custom-anniu2.png) no-repeat right bottom;}
/* �²�Ʒ���� */
.paging-title{text-align:center;}
.standard{width: 100%;background:#fff;padding-bottom: 45px;}
.standard .paging-title h2 a{color: #333;}
.standard .paging-title h2 a i{color: #333;}
.standard .paging-title p{color: #666;}
.standard-ul{position: relative;overflow: hidden;margin-top: 50px;}
.standard-ul ul{position: relative;width: 1212px;margin-left: -12px;}
.standard-ul ul li{float: left;margin-left: 12px;width: 392px;margin-bottom: 30px;}
.standard-ul ul li>a{display: block;border: 1px solid #e6e6e6;border-bottom: none;width: 390px;height: 292px;overflow: hidden;}
.standard-ul ul li>a img{display: block;width: 390px;height: 292px;transition: all 1s ease-out; }
.standard-ul ul li:hover>a img{transform: scale(1.1);}
.standard-ul ul li:hover>a{border: 1px solid #0c6eb3;border-bottom: none;}
.standard-ul ul li p{background: #333;line-height: 50px;text-align: center;height: 50px;padding: 0 20px;width: 352px;overflow: hidden;}
.standard-ul ul li p a{font-size: 18px;color: #fff;width: 392px;display: block;}
.standard-ul ul li:hover p{background: #0c6eb3;}
.standard-ul ul li:hover p a{display: block;padding-right: 80px;width: 292px;text-align: center;background: url(../images/jiantou01.png) no-repeat right;overflow: hidden;height: 50px;}
.standard .container>a{display: block;width: 160px;height: 50px;border-radius: 25px;font-size: 14px;color: #666;border: 1px solid #dbdbdb;text-align: center;line-height: 50px;margin: 0 auto;}
.standard .container>a:hover{background: #0c6eb3;color: #fff;}
/* �²�Ʒ���Ľ���*/
.cp_liebiao{margin-top:40px;}
.cp_liebiao ul li{float:left; width:140px; line-height:40px; margin-right:30px;}
.cp_liebiao ul li a{width:100%; display:block; text-align:center; border:1px solid #ccc;}
.cp_liebiao ul li a:hover{background:#0c6eb3; color:#fff; bordeR:none;}
/*pro*/
.pro { overflow:hidden; width:100%; height:710px; background-color:#f9f9f9;}
.pro h3.htitle a:hover{ color:#dc1313}
.pro ul{ overflow:hidden; width:1220px; margin:0 auto;}
.pro li{ overflow:hidden; float:left; width:224px; height:235px; position:relative; margin:10px;}
.pro li img.pro_tu{ display:block;}
.pro li b{ width:100%; height:100%; position:absolute; background:url(Img/Index/pro_cur_bg.png) repeat center; z-index:1}
.pro li .wen{ display:block; overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.pro li .wen .icon{ display:block; margin:0 auto; margin-top:70px;}
.pro li .wen h4{ margin-top:10px; color:#fff; text-align:center; font-weight:normal; font-size:16px; margin-bottom:10px;}
.pro li .wen a{ display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
.pro li .wen i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#fff; margin-bottom:15px;}
.pro li .wen p{ width:190px; margin:0 auto; font-size:14px; color:#e8e8e8; line-height:22px; height:66px; overflow:hidden; text-align:justify; text-align-last:center; display:none;}
.pro li .wen span{ display:none; font-size:0}
.pro li .wen span img{ display:block; margin:0 auto; margin-top:15px;}
.pro li.li01 b{ left:-224px; top:-235px;}
.pro li.li02 b{ left:-224px; top:0;}
.pro li.li03 b{ left:0; top:235px;}
.pro li.li04 b{ left:224px; top:0;}
.pro li.li05 b{ left:224px; top:-235px;}
.pro li.li06 b{ left:-224px; top:235px;}
.pro li.li07 b{ left:-224px; top:0;}
.pro li.li08 b{ left:0; top:-235px;}
.pro li.li09 b{ left:224px; top:0;}
.pro li.li010 b{ left:224px; top:235px;}
/*news*/
.news { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:45px;}
.news h3.htitle a:hover{ color:#dc1313}
.news .newbox{ overflow:hidden; width:100%; height:420px;}
.news .newsLeft { overflow:hidden; width:590px; background-color:#f9f9f9; height:420px; float:left;}
.news .newsLeft .tubox{ display:block; width:590px; height:290px; overflow:hidden; margin-bottom:25px; position:relative;}
.news .newsLeft img{ display:block; position:absolute; left:0; bottom:-40px; width:100%;}
.news .newsLeft h4{ width:555px; margin:0 auto; margin-bottom:15px; overflow:hidden;}
.news .newsLeft h4 a{ display:block; width:440px; font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;}
.news .newsLeft h4 span{ font-weight:normal; font-size:14px; color:#999; float:right;}
.news .newsLeft p{ font-size:12px; width:555px; margin:0 auto; color:#5555; line-height:20px; height:40px; overflow:hidden;}
.news .newsLeft p a{ color:#dc1313;}
.news .newsLeft:hover h4 a{ color:#dc1313}
.news .newsRight{ overflow:hidden; width:590px; height:420px; float:right;}
.news .newsRight dl{ overflow:hidden; width:570px; padding:10px; height:106px; margin-bottom:20px;}
.news .newsRight dt{ overflow:hidden; float:left; width:160px; height:106px;}
.news .newsRight dd{ overflow:hidden; float:left; margin-left:20px; width:370px;}
.news .newsRight dd h4{ margin-top:10px; font-size:16px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsRight dd h4 a{ color:#333}
.news .newsRight dd p{ font-size:12px; color:#555; line-height:20px; height:40px; overflow:hidden}
.news .newsRight dd em{ float:right; display:block; font-size:12px; color:#999; font-family:Arial; margin-top:5px;}
.news .newsRight dl:hover{ background-color:#f5f5f5;}
.news .newsRight dl:hover h4 a{ color:#dc1313}
/* ����
*/
/* �Ĵ�������� */
.advantage{width: 100%;height: 640px;background: url(../images/gyubj_03.jpg) repeat center;}
.advantage .container{position: relative;}
.advantage .paging-title h2{color: #0c6eb3;}
.advantage-box{margin-top: 68px;}
.advantage .advantage-box .ad-box-ct>a{display: block;width: 580px;height: 340px;overflow: hidden;border: 10px solid #fff;float: left;margin-right: 73px;cursor:default;}
.advantage .advantage-box .ad-box-ct>a img{display: block;width: 580px;height: 340px;transition: all 1s ease-out;}
.advantage .advantage-box .ad-box-ct>a:hover img{transform: scale(1.1);}
.advantage .advantage-box .ad-box-ct h3{float: left;width: 500px;}
.advantage .advantage-box .ad-box-ct h3 {font-size: 24px;color: #0c6eb3;}
.advantage .advantage-box .ad-box-ct h4{float: left;width: 500px;margin-top: 10px;}
.advantage .advantage-box .ad-box-ct h4{font-size: 30px;color: #fff;}
.advantage .advantage-box .ad-box-ct p{width: 480px;float: left;font-size: 14px;color: #999;margin-top: 30px;padding-left: 20px;border-left: 1px solid #4b4b4b;}
.advantage-qh{position: absolute;bottom: 0;right: 0;background: url(Img/index/hengxian.png) no-repeat left;width: 526px;padding-left: 74px;}
.advantage-qh span{display: block;font-size: 24px;color: #333;background: url(../images/tuoyuan-b.png) no-repeat center;width: 104px;height: 70px;text-align: center;padding-top: 34px;float: left;margin-left: 35px;}
.advantage-qh span:first-child{margin-left: 0;}
.advantage-qh span p{font-size: 12px;color: #999;}
.advantage-qh span.cur{background: url(../images/tuoyuan-l.png) no-repeat center;}
.advantage-qh span.cur{color: #fff;}
.advantage-qh span.cur p{color: #fff;}
.news{width:1200px;padding-top: 70px;background: #fff;padding-bottom: 50px; margin:0 auto;}
.news-left{width: 530px;float: left;}
.news-left h3 a{font-size: 30px;color: #333;}
.news-left h3 a i{font-size: 30px;color: #333;font-style: normal;font-weight: normal;}
.news-left h3 a em{font-size: 14px;color: #999 ;}
.news-left .title{position: relative;}
.news-left .title >span{position: absolute;display: block;width: 30px;height: 30px;top: 450px;z-index: 99;cursor: pointer;}
.news-left .title >span#news-an01{background: url(../images/news-qh.png) no-repeat top left;left: 460px;}
.news-left .title >span#news-an02{background: url(../images/news-qh.png) no-repeat top right;left: 490px;}
.news-left .title >span#news-an01:hover{background: url(../images/news-qh.png) no-repeat bottom left;left: 460px;}
.news-left .title >span#news-an02:hover{background: url(../images/news-qh.png) no-repeat bottom right;left: 490px;}
.news-left-lb{margin-top: 50px;position: relative;overflow: hidden;width: 530px;height: 530px;}
.news-left-lb ul{position: relative;}
.news-left-lb ul li{float: left;width: 530px;}
.news-left-lb ul li >a{display: block;width: 530px;height: 395px;overflow: hidden;}
.news-left-lb ul li >a img{display: block;width: 530px;height: 395px;transition: all 1s ease-out;}
.news-left-lb ul li >a img:hover{transform: scale(1.1);}
.news-left-lb ul li p.p01{margin-top: 22px;}
.news-left-lb ul li p.p01 a{font-size: 18px;color: #333;float: left;display: block;width: 340px;overflow: hidden;}
.news-left-lb ul li:hover p.p01 a{color: #0c6eb3;}
.news-left-lb ul li p.p01 span{font-size: 16px;color: #333;float: right;}
.news-left-lb ul li p.p02{margin-top: 8px;}
.news-left-lb ul li p.p02 a{display: block;font-size: 14px;color: #666;line-height: 24px;}
.news-right{float: right;width: 600px;}
.news-qh{}
.news-qh a.a02{display: block;font-size: 16px;color: #333;width: 98px;height: 33px;line-height: 35px;text-align: center;background: #fff;border: 1px solid #0c6eb3;float: left;}
.news-qh a.a02:first-child{border-right: none}
.news-qh a.a02.cur{border: 1px solid #0c6eb3;border-right: none;background: #0c6eb3;color: #fff;}
.news-qh a.a03{float: right;font-size: 14px;color: #666;padding-right: 18px;background: url(../images/index/news-bj.png) no-repeat right;line-height: 35px;}
.news-box{margin-top: 50px;}
.news-box dl{padding-top: 20px;border-top: 1px solid #e6e6e6;margin-bottom: 20px;}
.news-box dl:first-child{padding-top: 0;border-top:none;}
.news-box dl dt h3{float: left;width: 344px;height: 24px;overflow: hidden; font-weight: normal;}
.news-box dl dt h3 a{font-size: 16px;color: #666;}
.news-box dl:hover dt h3 a{color: #0c6eb3;}
.news-box dl dt span{font-size: 16px;color: #666;float: right;}
.news-box dl dd{margin-top: 12px;}
.news-box dl dd a{font-size: 14px;color: #666;width: 600px;height: 19px;overflow: hidden;}
/* ���ư��� */
/* ��������and�ͻ���֤ */
.dzandjz{width: 100%;height: 800px;background: url(../images/liucheng_02.jpg) no-repeat center;}
.dzandjz .paging-title h2{color: #000;}
.dzandjz .paging-title h2 a{color: #000;}
.dzandjz .paging-title h2 i{color: #000;font-weight: normal;}
.dzandjz .paging-title h2 a i{color: #000;font-weight: normal;}
.dzandjz .paging-title p{color: #999;font-size: 12px;}
.dinzhi{padding-bottom: 50px;}
.dinzhi-ul{margin-top: 52px;}
.dinzhi-ul ul li{float: left;width: 150px;text-align: center;padding-top: 25px;background: url(../images/jiantouxin.png) no-repeat left top;}
.dinzhi-ul ul li p{font-size: 18px;color: #000;}
.dinzhi-ul ul li span{font-size: 12px;color: #999;}
.dinzhi-ul ul li:hover{background: url(../images/jiantouxin.png) no-repeat top;animation:liucheng .5s linear; -webkit-animation:liucheng .5s linear;}
@keyframes liucheng
{
from{background:url(../images/jiantouxin.png) no-repeat -150px top;}
to{background:url(../images/jiantouxin.png) no-repeat left top;}
}
@-webkit-keyframes liucheng
{
from{background:url(../images/jiantouxin.png) no-repeat -150px top;}
to{background:url(../images/jiantouxin.png) no-repeat left top;}
}
.liuyan{width: 730px;margin-top: 60px;margin-left: 420px;height: 60px;position: relative;}
.liuyan p{font-size: 20px;color: #000;margin-left: 38px;width: 350px;display: block;}
.liuyan span{font-size: 16px;color: #666;}
.liuyan span i{font-size: 32px;color: #0c6eb3;font-style: normal;}
.liuyan>a{display: block;width: 160px;line-height: 50px;text-align: center;font-size: 14px;color: #fff;background: #000;border-radius: 25px;position: absolute;}
.liuyan>a.a01{top: 6px;left: 400px;}
.liuyan>a.a02{top: 6px;left: 570px;}
.liuyan>a:hover{background: #0c6eb3}
.jianzheng{position: relative;}
.jianzheng-ul{margin-top: 50px;position: relative;overflow: hidden;}
.jianzheng-ul ul{position: relative;}
.jianzheng-ul ul li{width: 290px;float: left;margin-left: 13px;}
.jianzheng-ul ul li:first-child{margin-left: 0;}
.jianzheng-ul ul li>a{display: block;width: 290px;height: 210px;overflow: hidden;}
.jianzheng-ul ul li>a img{display: block;width: 290px;height: 210px;transition: all 1s ease-out; }
.jianzheng-ul ul li:hover>a img{transform: scale(1.1);
}
.jianzheng-ul ul li p{text-align: center;line-height: 58px;font-size: 17px;color: #333;background: url(Img/index/dubu-hh.png) no-repeat bottom;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height:60px;}
.jianzheng-ul ul li p a{height: 58px;}
.jianzheng>span{display: block;width: 43px;height: 43px;position: absolute;top: 220px;}
.jianzheng span#jianzheng-anniu01{background: url(../images/ncustom-anniu0.png) no-repeat left top;left: -70px;}
.jianzheng span#jianzheng-anniu01:hover{background: url(../images/ncustom-anniu2.png) no-repeat left bottom;}
.jianzheng span#jianzheng-anniu02{background: url(../images/ncustom-anniu1.png) no-repeat right top;right: -68px;}
.jianzheng span#jianzheng-anniu02:hover{background: url(../images/ncustom-anniu3.png) no-repeat right bottom;}
.qh-yd{text-align: center;margin-top: 30px;}
.qh-yd span{display: inline-block;*display: inline-block;*zoom: 1; width: 10px;height: 10px;background: url(../images/yuandian.png) no-repeat center;margin-left: 18px;}
.qh-yd span:first-child{margin-left: 0;}
.qh-yd span.cur{background: url(../images/yuandian1.png) no-repeat center;}
/* ��������
*/
.link{width: 100%; background:#f2f2f2;}
.link dt{height: 74px;line-height: 74px;font-size: 18px;color: #333333;border-bottom: 1px solid #ccc;}
.link dt a{color: #333333; text-decoration: none;}
.link dt em{font-family: arial;}
.link dd{padding: 24px 0 14px 0;overflow: hidden;}
.link dd a{display: block;float: left;font-size: 12px;color: #333333;padding: 0 28px;border-left: 1px solid #e9e9e9;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}